<template>
  <div class="pagewrap">
    <swipersection></swipersection>
    <sectionview></sectionview>
    <parallax></parallax>
    <hover></hover>
    <footbtm></footbtm>
  </div>
</template>

<script>
import swipersection from "@/components/swipersection.vue";
import sectionview from "@/components/sectionview.vue";

import parallax from "@/components/parallax.vue";

import footbtm from "@/components/footbtm.vue";
import hover from "@/components/hover.vue";

export default {
  components: {
    //   Parallax,
    swipersection,
    sectionview,
    parallax,
    footbtm,
    hover
  }
};
</script>

<style lang="scss" scoped>
.pagewrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.onespan {
  width: 100%;
  height: 2000px;
  background: pink;
}
</style>
